import React from "react";
import { Outlet } from "react-router-dom";

import PageTitle from "../components/common/PageTitle";
import { routes } from "../router/config";
import "./AuthLayout.css";

interface AuthLayoutProps {
  routes?: any; // 为了与MainLayout保持一致的接口
}

const AuthLayout: React.FC<AuthLayoutProps> = () => {
  return (
    <PageTitle routes={routes}>
      <div className="auth-layout">
        <div className="auth-container">
          <div className="auth-header">
            <h1>智能应用管理系统</h1>
          </div>

          <div className="auth-content">
            <Outlet />
          </div>

          <div className="under-development">
            <div className="development-badge">
              <span className="development-icon">🚧</span>
              尚未完全开发
            </div>
            <p className="development-message">
              认证布局组件仍在开发中，部分功能可能尚未实现。
            </p>
          </div>
        </div>
      </div>
    </PageTitle>
  );
};

export default AuthLayout;
